	var formLogin ;
	
	function logear(){ // funcion logear, sera invocada en el boton INGRESO ubicado en index.html
		//window.location = 'main.html';
					
		if (formLogin.getForm().isValid()) {	// valida el formulario 
			formLogin.getForm().submit({
				url: 'php/security/authenticate.php',
				method: 'POST',
				waitTitle: 'Conectando',
				waitMsg: 'Validando  Usuario..',
				success: function(form, action){	// si salio satisfactorio el logeo
					var datos = Ext.util.JSON.decode(action.response.responseText);
					
					var login = datos.data[0].usuario;
					
					if (login != '') { // redirecciona a la pagina user.php 
						window.location = 'main.php'; 
					}
				},
				failure: function(form, action){	//si fallo el logeo
				
					var data = Ext.util.JSON.decode(action.response.responseText);
					Ext.Msg.show({		// Muestra mensaje de error
							title: 'Error',
							buttons: Ext.MessageBox.OK,
							icon: Ext.MessageBox.ERROR,
							msg: data.errors.error + data.errors.user
						});
				}
			});
		}
	}
	
	function abrirLogin(){ // Funcion que crea el Formulario de Login
		formLogin = new Ext.FormPanel({
		defaults: {
			width: 220
		},
		height:120,
		renderTo: 'formulario', // Formulario se anclará en la etiqueta DIV cuyo ID sea formulario
		layout: 'absolute',
		frame: false,
		border: false,
		bodyStyle: 'padding-left:5px;,padding-top:10px;', 
		defaultType: 'textfield',
		style:'background:#FEFEFE',
		labelWidth: 0,
		items: [
				{
					xtype:'label',
					y:5, 
					x:5,
					text:'Usuario',
					style:'color:#777777'
				},
				{
					id: 'id', // campo ID
					x:5,
					y:25,
					style:'padding:4px 3px;',
					blankText: 'Ingrese su Usuario.',
					allowBlank: false
				}, 
				{	
					xtype:'label',
					x:5,
					y:55,
					text:'Contraseña',
					style:'color:#777777'
				},
				{
					x:5,
					y:75,
					id: 'password', //campo password
					inputType: 'password', // el tipo de Input Password ( los caracteres del campo apareceran ocultos)
					style:'padding:4px 3px;',
					blankText: 'Ingrese su contraseña',
					allowBlank: false
				}
				]

		});
		Ext.getCmp('id').focus(); // El foco estara puesto en el campo id
	}
	
	Ext.onReady(function(){		
		if (esIE6){ // Mostrara un mensaje de alerta en el caso el navegador que se accede sea Internet Explorer 6
			Ext.getDom('MsgAlertBrowser').style.display='';
			Ext.getDom('MsgAlertBrowser6').style.display='';	
		}
		if (esIE8){ // Mostrara un mensaje de alerta en el caso el navegador que se accede sea Internet Explorer 8
			Ext.getDom('MsgAlertBrowser').style.display='';
			Ext.getDom('MsgAlertBrowser8').style.display='';	
		}
				
		Ext.BLANK_IMAGE_URL = '../images/s.gif';
		Ext.QuickTips.init();
		abrirLogin();	//Invoca a la funcion abrirLogin()			
	});
	